import React from "react";
import Image from "next/image";
import { Input } from "@/components/ui/input";

export default function GlobalSearch() {
	return (
		<div className="relative w-full max-w-[600px] max-lg:hidden">
			<div className="background-light800_darkgradient relative flex min-h-[56px] grow items-center gap-1 rounded-xl px-4">
				<Image
					alt="global search"
					src="/assets/icons/search.svg"
					width={24}
					height={24}
					className="cursor-pointer"
				></Image>
				<Input
					style={{
						boxShadow: "none",
					}}
					type="text"
					value=""
					placeholder="Search for Questions Here..."
					className="paragraph-regular placeholder  outline-none border-none no-focus background-light800_darkgradient"
				/>
			</div>
		</div>
	);
}
